<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta charset="utf-8">
		<meta name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0, width=device-width">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<meta name="format-detection" content="telephone=no">
		<meta content="telephone=no" name="format-detection">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>
			{$title}
		</title>
		<link type="text/css" rel="stylesheet" href="{$Think.config.RESOURCEURL}wx_assets/css/website/liebiaopaiban/website_liebiaopaiban5.css">
		<link type="text/css" rel="stylesheet" href="{$Think.config.RESOURCEURL}wx_assets/css/website/liebiaopaiban/website_liebiaopaiban1.css">
		<link type="text/css" rel="stylesheet" href="{$Think.config.RESOURCEURL}wx_assets/css/website/liebiaopaiban/website_liebiaopaiban2.css">
		<link type="text/css" rel="stylesheet" href="{$Think.config.RESOURCEURL}wx_assets/css/website/liebiaopaiban/website_liebiaopaiban3.css">
		<link type="text/css" rel="stylesheet" href="{$Think.config.RESOURCEURL}wx_assets/css/website/liebiaopaiban/website_liebiaopaiban4.css">

		<script type="text/javascript" src="{$Think.config.RESOURCEURL}wx_assets/js/website/liebiaopaiban/website_liebiaopaiban3.js">
		</script>
		<script type="text/javascript" src="{$Think.config.RESOURCEURL}wx_assets/js/website/liebiaopaiban/website_liebiaopaiban5.js">
		</script>
		<script type="text/javascript" src="{$Think.config.RESOURCEURL}wx_assets/js/website/liebiaopaiban/website_liebiaopaiban6.js">
		</script>
		<script type="text/javascript" src="{$Think.config.RESOURCEURL}wx_assets/js/website/liebiaopaiban/website_liebiaopaiban7.js">
		</script>
    <script type="text/javascript" src="{$Think.config.RESOURCEURL}wx_assets/js/website/liebiaopaiban/website_liebiaopaiban8.js">
    </script>
    <script type="text/javascript" src="{$Think.config.RESOURCEURL}wx_assets/js/website/liebiaopaiban/website_liebiaopaiban9.js">
    </script>
		<meta content="authenticity_token" name="csrf-param">
		<meta content="BJ4x53T5XsZcS7KfSh+G8+kwahmhoo+iwoYDAMQ4KDc=" name="csrf-token">
	</head>
	<body style="">
		<div class="html" style="">
			<div class="stage" id="stage">
				<section id="sec-index">
					<div class="body">
						<div class="mod-slider slider-hor" id="index"  style="visibility: visible;">
							<ul class="slider-list">
								<volist name="MainArticles" id="main">
									<li>
										<a <if condition="$main.url neq ''"> href={$main.url} </if>>
											<img src="{$main.picurl}" alt="{$abc}">
										</a>
									</li>
								</volist>
							</ul>
							<div class="slider-text" style="background-color: rgba(0, 0, 0, 0.496094); color: rgb(255, 255, 255); background-position: initial initial; background-repeat: initial initial; ">
								<span class="fl slider-span" id="slider-span">
								{$MainArticles[0]['title']}</span>
								<div id="pagenavi" class="fr slider-page">
									<volist name="MainArticles" id="main">
										<a>
										</a>
									</volist>
									
								</div>
							</div>
						</div>
            <div style="display:none;" id="maintitle"><volist name="MainArticles" id="main">{$main.title},</volist></div>
						<div class="index" >
							<!-- 顶部导航 
							<div class="mod-btn box">
								<a href="{$aaa}">
									<i class="fa fa-phone">
									</i>
									{$aaa}
								</a>
							</div>-->
							<volist name="ModuleArticles" id="module">								
								<a style='background:none;background-color:#fff;'<if condition="$module.url neq ''"> href={$module.url}</if>	class="box mod-index">									 														 
									<small style='-moz-border-radius: 0px; -webkit-border-radius:0px; border-radius:0px;background:<php> echo $module['color'] !='' ? $module['color']:'#fff'; </php>;margin-top:35px;text-align:center; display:block;height:140px;'>
									<img src='{$module.picurl}' style='width:140px;height:140px;border-radius:50%;'></small>
									<small>
										{$module.title}										
									</small>
									
								</a>
							</volist>
						</div>
					</div>
				</section>
			</div>
      </div><!--.stage end-->
    </div><!--.html end-->

    <div class="alert J-guanzhu" style="display:none">
  <div class="alert-m">
    <div class="alert-img"></div>
    <div class="alert-c">
      <p>请先关注公众帐号</p>
      <p><span class="alert-num">1</span>点击右上角<span class="alert-text">分享按钮</span>查看公众号</p>
      <p><span class="alert-num">2</span>在【添加朋友】—【查找公众号】中搜索</p>
      <p><span class="alert-btn"></span>（长按可复制）</p>
      <p>如果已关注，请打开该公众帐号回复<span class="alert-text"></span>，参与此活动</p>
    </div>
    <div class="alert-f">
      <a href="javascript:;" class="alert-f-btn J-close">我知道了</a>
    </div>
  </div>
</div>
<div class="alert J-register" style="display:none">
  <div class="alert-m">
    <div class="alert-img"></div>
    <div class="alert-c text-center">
           <h1>请先领取会员卡</h1>
           <p>该活动仅允许会员可参与</p>
    </div>
    <div class="alert-btn-box">
      <div class="alert-cell cell-4">
        <a href="javascript:;" class="alert-f-btn btn-gray J-close">我知道了</a>
      </div>
        <div class="alert-cell">
          <a href="http://m.vcooline.com/app/vips?openid=ozYP0jhaciR7G1z1_O6v0VSeMq-Y" class="alert-f-btn J-close">领取会员卡</a>
        </div>
    </div>
  </div>
</div>
        <!-- tongji code -->
      <noscript>&lt;p&gt;&lt;img src="http://tongji.vkelai.com/piwik.php?idsite=48476" style="border:0;" alt="" /&gt;&lt;/p&gt;</noscript>
      <!-- end tongji code -->

        <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
        <script type="text/javascript" src="{$Think.config.RESOURCEURL}wx_assets/js/wx_share.js{$Think.config.RESOURCE_VER}"></script>
        <script type="text/javascript">
            wx_share.init({
                "title":"{$title}",
                "desc":'{$shareinfo}',
                "link":location.href,
                "imgUrl": '{$sharepicurl}',
                "pkg":{
                    "appId": '{$pkg.appId}',
                    "timestamp": '{$pkg.timestamp}',
                    "nonceStr": '{$pkg.nonceStr}',
                    "signature": '{$pkg.signature}'
                },
                success:function(config,shareType){
                }
            });
        </script>


  <style type="text/css">
        /*pop*/
    .pop-zoom{display:none;width:100%;height:100%;color:#fff;position:fixed;left:0;top:0;background:rgba(0,0,0,0.5);z-index:10000;}
    .pop-zoom-img{background:#000;text-align:center;overflow:hidden;}
    .show-img{width:100%;height:100%;overflow:hidden;position:relative;}
    .show-img img{max-width:100%;}
    .zoom-close{position:fixed;right:5px;top:5px;display:block;z-index:99999;}
    .zoom-close .fa{width:30px;height:30px;font-size:25px;line-height:30px;border-radius:50%;color:#fff;background:#999;}
</style>
    <script type="text/javascript">
       $(document).ready(function(){
            var title=$('#maintitle').text();
            maintitle=new Array;
            maintitle=title.split(',');
            indexSwipe("index", maintitle);
            bannerSet({
            background: "#000000",
            opacity: "50",
            color: "#FFFFFF"
        });
        showBtnUp(100);
      });
    </script>
<script type="text/javascript">
    function loaded(){
        img_zoom_myscroll = new iScroll("imgScroll",{
            hScroll: true,
            useTransition: true,
            hScrollbar: false,
            vScrollbar: false,
            zoom: true
        });
        document.addEventListener("DOMContentLoaded",loaded,false);
    }

    $(function(){
        $('body').append('<div class="pop-zoom pop-zoom-img"><div class="show-img" id="imgScroll"><div><img src=""></div></div><a href="javascript:;" class="zoom-close"><i class="fa fa-times"></i></a>')
        $('img').click(function(){
            if($(this).closest('a').length > 0 || $(this).closest('.mod-navLine').length > 0 || $(this).hasClass('website_list_21')){

            }else{
                var $this = $(this),
                        $src = $this.attr("src"),
                        $img = $(".show-img img"),
                        $pop = $(".pop-zoom-img");
                img_zoom_scrollTop = $(document).scrollTop();
                $(document).scrollTop(0);
                $img.attr("src",$src);
                $pop.show();
                setTimeout(function(){
                    loaded();
                },300);
                //console.log(scrollTop);
            }
        });
        $(document).on("click",".zoom-close",function(){
            $(document).scrollTop(img_zoom_scrollTop);
            $(this).parents(".pop-zoom").hide();
            img_zoom_myscroll.destroy();
        })
        var initTop = 0,
                isScroll = true;
        function fnAnimate(thisTop){
            $("header:not('.untoppable')").animate({top:thisTop},"500",function(){isScroll=true});
        }
        $(window).on("scroll",function(){
            var scrollTop = $(document).scrollTop();
            if(isScroll){
                if(scrollTop > initTop){
                    fnAnimate("-44px");
                }else{
                    fnAnimate("0");
                }
            }
            initTop = scrollTop;
            isScroll = false;
        });
    });
</script><link rel="stylesheet" href="http://m.vcooline.com/assets/font/font-awesome.min.css">
    <div class="loading fixed-top"></div>

    <div class="mod-pop" id="pop-share" onclick="hidePop(&#39;#pop-share&#39;)"><span class="text-share"></span></div>

  

<div class="pop-zoom pop-zoom-img"><div class="show-img" id="imgScroll"><div><img src=""></div></div><a href="javascript:;" class="zoom-close"><i class="fa fa-times"></i></a></div><div id="TK-log"></div><div id="ttklink_box"><div id="J_ttklink_con" class="ttklink_con"><div class="ttklink_header"><a href="http://tk.taotaosou.com/" class="ttklink_logo" target="_blank"></a><a id="J_ttklink_close" href="javascript:void(0)" onclick="return false;" class="ttklink_close"></a></div><div id="J_ttklink_iframe" class="ttklink_iframe"></div> <div id="J_ttklink_point" class=""></div></div></div><object id="b5tplugin" type="application/x-bang5taoplugin" style="position:absolute;left:-9000px;top:-9000px;" width="0" height="0"></object></body></html>